<template>
    <div id="app">

        <router-view/>

        <!--由于底部的 tabbar 在所有页面都有，则我们放置在app.vue 文件-->
        <van-tabbar v-model="active" route>
            <van-tabbar-item icon="home-o" to="/news">红色咨询</van-tabbar-item>
            <van-tabbar-item icon="search" to="/knowledge">知识库</van-tabbar-item>
            <van-tabbar-item icon="friends-o" to="/mine">我的</van-tabbar-item>
        </van-tabbar>

    </div>
</template>
<script>
    export default {
        data() {
            return {
                active: 0,
            };
        },
    };
</script>
<style lang="less">
    #app {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        min-width: 320px;
    }

</style>
